modal windowの背景クリックを検知できない
takker-workflow@0.0.1/next-action-viewer
や
scrapbox-history-slider
などで使っている
modal window
には、背景要素をクリックしても検知されないというバグが有る
これのせいで、閉じるボタンをわざわざ押さないとwindowを閉じられなくなっている
原因
Shadow DOM
が
eventの伝播
を止めている?
この
modal window
は
scrapboxのmodal window
をベースに作ったのだが、shadow domがあると使えなくなってしまうようだ?
でも
scrapbox-incremental-fulltext-search
は背景クリックが反応する
同様にShadow DOMを使っているのに……
DOM構造の違いのせいだろうか?
対策
display: flex;
を使ってmodal windowの位置を調節したらうまくいった
modal window実験
#2022-09-06
13:08:54